<script setup lang="ts">
import { MainLayout } from '~/components/MainLayout';
import { Title } from '~/components/Title/index'
import { Swiper } from '~/components/swiper/index'
import ImgSwiper from '~/components/swiper/imgSwiper.vue'
import { Evaluate } from '~/components/evaluate'
import { Panels } from '~/components/panels'
import EvaluateOther from '~/components/evaluate/evaluateOther.vue'
import Imgs from '~/components/swiper/imgs.vue'
import AdCol from '~/components/adCol/index.vue'
import LayoutCol from '~/components/MainLayout/layoutCol.vue';
</script>

<template>
    <MainLayout :maxwidth="false">
        <div class="flex">
            <img src="/contactUs/10.webp" alt="" class="w-full h-auto"></img>
        </div>
        <LayoutCol>
            <AdCol :type="1" :showBtn="false">
                <template #content>
                    <Title class="mb-0" title="Custom Embroidered Patches" content="The maximum number of colors a pa">
                        <template #content>
                            <div class="w-350px m-auto">
                                Source high-quality custom products with ease.Connect directly with top-rated
                                factories
                                and
                                expertdesign teams to bring your vision to life-fastturnaround times and competitive
                                pricing
                                guaranteed.
                            </div>
                        </template>
                    </Title>
                </template>
            </AdCol>
        </LayoutCol>
        <LayoutCol>
            <AdCol :type="2" :showBtn="false">
                <template #content>
                    <Title class="mb-0" title="Custom Embroidered Patches" content="The maximum number of colors a pa">
                        <template #content>
                            <div class="w-350px m-auto">
                                Source high-quality custom products with ease.Connect directly with top-rated
                                factories
                                and
                                expertdesign teams to bring your vision to life-fastturnaround times and competitive
                                pricing
                                guaranteed.
                            </div>
                        </template>
                    </Title>
                </template>
            </AdCol>
        </LayoutCol>
        <LayoutCol>
            <AdCol :type="1" :showBtn="false">
                <template #content>
                    <Title class="mb-0" title="Custom Embroidered Patches" content="The maximum number of colors a pa">
                        <template #content>
                            <div class="w-350px m-auto">
                                Source high-quality custom products with ease.Connect directly with top-rated
                                factories
                                and
                                expertdesign teams to bring your vision to life-fastturnaround times and competitive
                                pricing
                                guaranteed.
                            </div>
                        </template>
                    </Title>
                </template>
            </AdCol>
        </LayoutCol>
        <LayoutCol>
            <AdCol :type="2" :showBtn="false">
                <template #content>
                    <Title class="mb-0" title="Custom Embroidered Patches" content="The maximum number of colors a pa">
                        <template #content>
                            <div class="w-350px m-auto">
                                Source high-quality custom products with ease.Connect directly with top-rated
                                factories
                                and
                                expertdesign teams to bring your vision to life-fastturnaround times and competitive
                                pricing
                                guaranteed.
                            </div>
                        </template>
                    </Title>
                </template>
            </AdCol>
        </LayoutCol>
        <LayoutCol>
            <AdCol :type="1" :showBtn="false">
                <template #content>
                    <Title class="mb-0" title="Custom Embroidered Patches" content="The maximum number of colors a pa">
                        <template #content>
                            <div class="w-350px m-auto">
                                Source high-quality custom products with ease.Connect directly with top-rated
                                factories
                                and
                                expertdesign teams to bring your vision to life-fastturnaround times and competitive
                                pricing
                                guaranteed.
                            </div>
                        </template>
                    </Title>
                </template>
            </AdCol>
            <v-btn elevation="0" color="#39c464" class="w-full! mt-4 text-white w-80%! sm:w-[500px]!">
                View All Custom Products
            </v-btn>
        </LayoutCol>
        <LayoutCol>
            表单
        </LayoutCol>
    </MainLayout>
</template>
